﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Register.aspx.cs" Inherits="AiXiu.WebSite.Register" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <title>爱秀短视频—注册页面</title>

    <link href="Content/mui/css/mui.min.css" rel="stylesheet" />
    <link href="Content/mui/css/app.css" rel="stylesheet" />
    <link href="Content/reg.css" rel="stylesheet" />
</head>
<body>
    <header class="mui-bar mui-bar-nav">
        <a href="Login.aspx" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
        <h1 class="mui-title">注册</h1>
    </header>
    <div class="mui-content">
        <form class="mui-input-group" runat="server">
            <img src="imgs/account-bg.jpg" />
            <div class="mui-input-row">
                <label>用户名</label>
                <asp:TextBox class="mui-input-clear mui-input" ID="txtUserName" MaxLength="16" TextMode="SingleLine" runat="server" PlaceHolder="请输入用户名"></asp:TextBox>
                <asp:RequiredFieldValidator ID="rfvUserName" runat="server" ErrorMessage="用户名不能为空" ControlToValidate="txtUserName"></asp:RequiredFieldValidator>
            </div>
            <div class="mui-input-row">
                <label>手机号</label>
                <asp:TextBox class="mui-input-clear mui-input" ID="txtUserPhone" MaxLength="11" TextMode="Phone" runat="server" PlaceHolder="请输入手机号"></asp:TextBox>
                <asp:RequiredFieldValidator ID="rfvUserPhone" runat="server" ErrorMessage="手机号不能为空" ControlToValidate="txtUserPhone"></asp:RequiredFieldValidator>
                <asp:RegularExpressionValidator ID="rgeUserPhone" runat="server" ErrorMessage="格式不正确" ControlToValidate="txtUserPhone" ForeColor="Red" ValidationExpression="0?(13|14|15|18)[0-9]{9}"></asp:RegularExpressionValidator>
            </div>
            <div class="mui-input-row">
                <label>密码</label>
                <asp:TextBox class="mui-input-clear mui-input" ID="txtPassword" MaxLength="32" TextMode="Password" runat="server" PlaceHolder="请输入密码"></asp:TextBox>
                <asp:RequiredFieldValidator ID="rfvPassword" runat="server" ErrorMessage="密码不能为空" ControlToValidate="txtPassword"></asp:RequiredFieldValidator>
            </div>
            <div class="mui-input-row">
                <label>验证码</label>
                <asp:TextBox class="mui-input-clear mui-input" ID="txtCaptcha" MaxLength="16" TextMode="SingleLine" runat="server" PlaceHolder="请输入验证码"></asp:TextBox>
                <asp:Image ID="Image1" runat="server" ImageUrl="~/Captcha.aspx" onclick="this.src=this.src+'?temp='+ Math.random();"/>              
            </div>
            <div>
                <asp:Button ID="btnRegister" runat="server" Text="注册" CssClass="button button-fill button-large button-round btnsubmit" BackColor="#007AFF" ForeColor="White" Width="100%" OnClick="btnRegister_Click" />
            </div>
            <div class="mui-content-padded">
                <div class="link-area">
                    <p>已有账号？<a href="Login.aspx" class="close-login-screen external">现在登录</a></p>
                </div>
            </div>
        </form>
    </div>
    <script src="Content/mui/js/mui.min.js"></script>
    <script src="Content/mui/js/app.js"></script>
</body>
</html>
